<template>
  <div>
    <!-- v-开头的vue指令写在html标签里面 -->
    <!-- v-bind 控制属性 动态控制属性-->
    <!-- v-bind后面的值要在data当中能找到 -->
     <!-- <input type="text" v-bind:value="num1"> -->
     <!-- v-bind:value 可以缩写成 :value -->
     <!-- <input type="text" :value='num'> -->
     <!-- <a :href="url" target="_blank">传智官网</a> -->
     <!-- 通过v-bind控制checked属性，实现动态绑定，并且默认为true -->
     <input type="checkbox" :checked='flag' > <span>多选框</span>
   </div>
</template>
 
<script>
export default {
  //该vue组件的数据源
  data() {
    return {
      num:123,
      url:'http://www.itcast.cn',
      flag:true
    };
  }
};
</script>

<style scoped>
     
</style>